*{margin: 0;padding: 0}
@font-face {font-family: "iconfont";
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
html{font-size: 62.5%}
body{width: 100%;position: absolute;top: 0;bottom: 0}
img{width: 100%;height: 100%;border-radius: 15px}
.blur {
    filter: blur(6px);
    -webkit-filter: blur(6px); /* chrome, opera */
    -ms-filter: blur(6px);
    -moz-filter: blur(6px);
}
.wrap{position: absolute;width: 100%;top:0;bottom: 0;z-index: 2}
header{width: 100%;height: 26rem;text-align: center}
header h3{font-size: 2.4rem;color: #fff;font-weight: 400}
header img{display:inline-block;width: 10rem;height: 10rem;margin-top: 7rem;margin-bottom: 1rem;box-shadow: 0 5px 10px rgba(0,0,0,0.5)}
main{width: 76%;height: 20rem;margin: 0 auto}
main input{float: left;width: 85%;height: 3.6rem;box-sizing: border-box;padding-left: 0.7rem;border: none;background: transparent;outline:none;color: #fffdef}
main>form>div{width: 100%;height: 3.6rem;background: rgba(0,0,0,.5);border-radius: 6px}
main>form>div>div{position: relative;float: left;width: 3.6rem;height: 1.7rem;margin-top: 1rem;text-align: center;line-height: 3.6rem;border-right: 0.5px solid rgba(231,225,205,0.4)}
main div:nth-child(1){margin-bottom: 2rem;}
main div:nth-child(2){margin-bottom: 0.8rem;}
.btn{margin-top: 4.2rem;width: 100%;height: 4rem;background: #28A593;border: none;border-radius: 6px;font-size: 1.9rem;color: #cccccc}
main p{font-size: 1.2rem;color: #cccccc;position: absolute}
main i{display: inline-block;font-size: 1.8rem !important;color: #e7e1cd;position: absolute;top: -1rem;margin-left: 50%;left: -0.9rem}
.btn:hover {background-color: #28a290
}
main button:active {
    background-color: #289d8b;
    box-shadow: 0 1.2px #666;
    transform: translateY(1.2px);
}
footer{width: 74%;height: 2.6rem;margin-left: 50%;left: -37%;position: absolute;bottom: 6%;line-height: 2.8rem;}
footer button{width: 7rem;height: 2.6rem;border-radius: 10px;float: right;background: rgba(203,189,188,.2);border: 1px solid rgba(203,189,188,.5);color: #fff}
footer span{font-size: 1.4rem;color: #cccccc}
.dsf{width: 60%;height: 5rem;margin: 2.5rem auto 0;text-align: center}
.dsf span{color: #C1C1C1}
.dsf ul{display: flex;flex-direction: row;justify-content: center;margin-top: 0.8rem}
.dsf ul li{width: 5rem;height: 5rem;margin:0 1rem;list-style: none;text-align: center;line-height: 5rem;}
.dsf ul li i{font-size: 4rem;display: block;transition: 0.8s;cursor: pointer}
.dsf ul li:nth-child(1) i{color:#4EAEEA; }
.dsf ul li:nth-child(2) i{color:#3EB132; }
.dsf ul li:nth-child(3) i{color:#E04C6C; }
main a{font-size: 1.2rem;color: #cccccc;position: absolute;right: 4rem}